<template>
    <div id="bbody">
        <div class="container">
            <h1>{{msg}}</h1>
            <h1>这里还什么都没有</h1>
            <p>5秒后将自动跳转到其他页面...</p>
        </div>
    </div>
  </template> 
  <script>
  export default {
    name: "Prompt",
    data(){
      return {
          msg: "",
      };
    },
    mounted() {
      this.msg= this.$route.query.message;
      setTimeout(() => {
        this.$router.push("/"); // 假设使用Vue Router进行导航
      }, 5000);
    },
  };
  </script> 
  <style scoped>
  #bbody {
    font-family: "Arial", sans-serif;
    background-color: #333;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
  }
  .container {
    text-align: center;
  }
  h1 {
    font-size: 4rem;
    margin-bottom: 1rem;
  }
  p {
    font-size: 1.5rem;
  }
  </style>